<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<%@taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<script type="text/javascript" src="static/easyui/jquery.min.js"></script>
<script type="text/javascript" src="static/easyui/jquery.easyui.min.js"></script>
<script type="text/javascript" src="static/easyui/locale/easyui-lang-zh_CN.js"></script>
<link rel="stylesheet" href="static/easyui/themes/metro/easyui.css"/>
<link rel="stylesheet" href="static/easyui/themes/icon.css"/>
<title>库存明细</title>
	<style type="text/css">
	
	</style>
</head>

<body>
<script type="text/javascript">
		function getData() {
			var rows = [];
			for (var i = 1; i <= 800; i++) {
				rows.push({
					name1 : '2018/12/14',
					name2 : '吗啡',
					name3 : '毒师',
					name4 : '100ml',
					name5 : '200 ',
					name6 : '88',
					name7 : '176',
					name8 : '小夏'
				});
			}
			
			return rows;
		}
		function pagerFilter(data) {
			if (typeof data.length == 'number'
					&& typeof data.splice == 'function') { // is array
				data = {
					total : data.length,
					rows : data
				}
			}
			var dg = $(this);
			var opts = dg.datagrid('options');
			var pager = dg.datagrid('getPager');
			pager.pagination({
				onSelectPage : function(pageNum, pageSize) {
					opts.pageNumber = pageNum;
					opts.pageSize = pageSize;
					pager.pagination('refresh', {
						pageNumber : pageNum,
						pageSize : pageSize
					});
					dg.datagrid('loadData', data);
				}
			});
			if (!data.originalRows) {
				data.originalRows = (data.rows);
			}
			var start = (opts.pageNumber - 1) * parseInt(opts.pageSize);
			var end = start + parseInt(opts.pageSize);
			data.rows = (data.originalRows.slice(start, end));
			return data;
		}

		$(function() {
			$('#outbound-dg2').datagrid({
				loadFilter : pagerFilter
			}).datagrid('loadData', getData());
		});
</script>
<!-- 库存查询标题 -->

<div id="p" class="easyui-panel" title="药品请领入库"
    style="width:100%;height:120px;padding:12px;background:#fafafa;">
    
    	<div >
    	<!-- 单据号 -->
    	单据号&nbsp;&nbsp;&nbsp;<input id="drug-ss" class="easyui-textbox" style="width: 150px"></input>
		&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
		
		<!-- 供货单位 -->
		供货单位&nbsp;&nbsp;&nbsp;<input id="drug-ss" class="easyui-textbox" style="width: 150px"></input>
		&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
		
		<!-- 入库药库-->
		入库药库&nbsp;&nbsp;&nbsp;<input id="drug-ss" class="easyui-textbox" style="width: 150px"></input>
		&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
		
				<!-- 负责人 -->
		负责人&nbsp;&nbsp;&nbsp;<input id="drug-ss" class="easyui-textbox" style="width: 150px"></input>
		&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
		
		
		<!-- 入库数量 -->
		入库数量&nbsp;&nbsp;&nbsp;<input id="drug-ss" class="easyui-textbox" style="width: 150px"></input>
		&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
		
		<div style="margin-top:10px">
		<!-- 模糊查询 -->
		<input id="drug-ss" class="easyui-textbox" style="width: 250px"
				data-options="label:'输入关键字',iconCls:'icon-search'"></input>
			
			</div>
		
		</div>
				
	</div>

 <!-- 库存表格 -->
 
 <div style="margin-left:25px"><h3>明细<h3></div>
	
	<table id="outbound-dg2"
			style="width: 100%; height: 420px; table-layout: fixed;"
			data-options="
				rownumbers:true,
				singleSelect:true,
				autoRowHeight:false,
				pagination:true,
				pageSize:10">
			<thead>
			<tr>
				<th data-options="field:'name1',width:120,align:'center'" >药品请领单序号</th>
				<th data-options="field:'name2',width:130,align:'center'" >药品名称</th>
				<th data-options="field:'name3',width:150,align:'center'" >药品基本信息id</th>
				<th data-options="field:'name4',width:100,align:'center'" >规格</th>
				<th data-options="field:'name5',width:100,align:'center'" >领药量</th>
				<th data-options="field:'name6',width:80,align:'center'" >单价</th>
				<th data-options="field:'name7',width:120,align:'center'" >金额</th>
				<th data-options="field:'name8',width:110,align:'center'" >负责人</th>
		</tr>
		</thead>
	</table>
</body>
</html>